 <html>
 <head>
 	<link rel="stylesheet" type="text/css" href="__PUBLIC__/easyui/themes/{$themes}/easyui.css">
 	<link rel="stylesheet" type="text/css" href="__PUBLIC__/easyui/themes/icon.css">
 	<script type="text/javascript" src="__PUBLIC__/easyui/jquery.min.js"></script>
 	<script type="text/javascript" src="__PUBLIC__/easyui/jquery.easyui.min.js"></script>
 	<script type="text/javascript">
	 	function onChangeTheme(theme){
	 		if(theme) {
	 			var link = $(document).find('link:first');
	 			var link_href = link.attr('href');
	 			var i = link_href.indexOf("/themes/");
	 			link_href = link_href.substr(0,i+8)+theme+'/easyui.css';
	 			link.attr('href', link_href);
	 		}
		}
 	</script>
   	<title>Home Page</title>
 </head>
 <body class="easyui-layout">
 	<div data-options="region:'north'" style="height:100px">
 		<div>this is test</div>
		<div>my name is {$name}</div>
		<input id="cc" class="easyui-combobox" name="dept" data-options="valueField:'id',textField:'text',url:'./getThemes',onChange:onChangeTheme">
 	</div>
 	<div data-options="region:'west',split:true" title="{$menu}" style="width:180px;">
 		<div id="pMenu" class="easyui-accordion" data-options="fit:true,border:false">
        </div>
 	</div>
 	<div data-options="region:'center',title:'Main Title',iconCls:'icon-ok'">
	    <volist name="data" id="vo">
	    {$vo.username}--{$vo.name}<br/>
	    </volist>
	</div>
 </body>
 </html>